<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">    
    <h:head>

    </h:head>
    <h:body styleClass="body">

        <h:outputStylesheet>
            a.no-decor>img {
            border: none;
            }
        </h:outputStylesheet>
        
        <ui:composition template="/WEB-INF/template/login_template.xhtml">
            <ui:define name="title">
                <h:outputText value="Login page" class="btn"></h:outputText>
            </ui:define>
            <ui:define name="body">


                <h:form>
                    <center>
                        <rich:panel id="panel" style="width: 250px;">
                            <h:messages errorClass="errorMessage" infoClass="infoMessage"
                                        warnClass="warnMessage"></h:messages>
                            <f:facet name="header">
                                <h:outputText value="User Login Form" />
                            </f:facet>
                            <h:panelGrid columns="2">
                                <h:outputText value="Username : "></h:outputText>
                                <h:inputText id="username" value="#{loginBean.username}"></h:inputText>

                                <h:outputText value="Password : "></h:outputText>
                                <h:inputSecret id="password" value="#{loginBean.password}"></h:inputSecret>

                                <h:commandButton value="Submit" action="#{loginBean.doLogin}"
                                                 type="submit"></h:commandButton>
                                <h:commandButton value="Clear" type="reset"></h:commandButton>

                                <h:commandLink value="Register" action="Registration.xhtml"></h:commandLink>
                                <h:commandLink value="Forgot Your Password?"></h:commandLink>
                            </h:panelGrid>
                        </rich:panel>
                    </center>
                </h:form>

                <h:form>
                    <h:link outcome="/faces/welcome.xhtml" class="btn btn-info" >Welcome</h:link>
                    
                    <span class="glyphicon glyphicon-chevron-up"></span>
                    <span class="glyphicon glyphicon-chevron-down"></span>
                    
                    <h:link outcome="/faces/drzava/List.xhtml" class="btn btn-info" >List drzavas</h:link>
                </h:form>
            </ui:define>

        </ui:composition>
    </h:body>
</html>